import React, { Component, PropTypes } from 'react'
import { Modal } from 'antd-mobile'
import { NavHeader } from '../common'

export default class InOutDetail extends Component {
  render() {
    const { visible, onClose } = this.props
    return (
      <Modal
        visible={visible}
        animated={false}
        closable={false}
        className={`rt-in-out-detail-modal`}
      >
        <NavHeader title="收支明细" onClick={onClose} />

        <div className={`cm-scrollable-container`}>
          {
            Array(8).fill(1).map((v, i) => (
              <div key={Math.random()} className={`-row ${i === 0 ? '-first' : ''}`}>
                <span className={`-diff`}>流水号</span>
                <span>33526</span>
              </div>
            ))
          }
        </div>
      </Modal>
    )
  }
}

InOutDetail.propTypes = {
  visible: PropTypes.bool.isRequired,
  onClose: PropTypes.func.isRequired,
}